<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>

    <link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="assets/css/jquery.gritter.css"/>

    <script src="assets/js/jquery-2.0.3.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/vue.js"></script>

    <script src="assets/js/jquery.gritter.min.js"></script>
    <script src="js/setting.js"></script>

    <style>
        body {
            margin: 0;
            font-size: 16px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            font-variant: tabular-nums;
            line-height: 1.5;
            font-feature-settings: 'tnum';
            background: transparent;
        }

        .dark {
            background-color: #000;
            color: #fff
        }
    </style>
</head>
<body style="margin: 0" class="${theme}">
<div id="vue-div" style="width: 100%;max-width: 960px">
    <div class="page-header">
        <h3>
            邮件服务
            <small>让你更快的了解网站情况</small>
        </h3>
        <div class="text-right">
            <button class="btn" type="button" id="testEmailService">
                测试一下
            </button>
        </div>
    </div>
    <form id="ajaxemailServiceMsg" class="form-horizontal" role="form">
        <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right"> 发送邮箱地址 </label>

            <div class="col-sm-4">
                <input type="text" class="form-control" :value="val(mail.from)" name="from">
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right"> SMTP服务器 </label>

            <div class="col-sm-4">
                <input type="text" class="form-control" :value="val(mail.smtpServer)"
                       name="smtpServer">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right"> 密码 </label>

            <div class="col-sm-4">
                <input type="password" class="form-control" :value="val(mail.password)"
                       name="password">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right"> 端口 </label>

            <div class="col-sm-1">
                <input type="text" class="form-control" :value="val(mail.port)" name="port"
                       maxlength="5">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right"> 收件邮件地址 </label>

            <div class="col-sm-4">
                <input type="text" class="form-control" :value="val(mail.to)" name="to">
            </div>
        </div>
        <hr/>
        <div class="col-md-offset-3 col-md-9">
            <button class="btn btn-info" type="button" id="emailServiceMsg">
                提交
            </button>
        </div>
    </form>
</div>
<input id="gritter-light" checked="" type="checkbox" style="display:none"/>
<pre id="data" style="display: none">${data}</pre>
</body>
</html>